
html, body {
	margin: 0px;
	padding: 0px;
	font-family: "Microsoft yahei";
}
/**
 * 导航栏
 */
#sys-layout-top {
	height: 36px;
	background-color: #333744;
	overflow: hidden;
}

.logo {
	width: 96px;
	height: 36px;
	float: left;
	background: url(../imgs/header/logo1.png) no-repeat 0 center;
	cursor: pointer;
}
.logo-text{
	float: left;
    height: 36px;
    width: 210px;
    color: #fff;
    line-height: 36px;
    font-size: 16px;
    font-family: Microsoft yahei;
    padding-top: 1px;
}
.back {
	cursor: pointer;
	width: 36px;
	height: 36px;
	float: left;
	background: url(../imgs/header/back.png) no-repeat 0 center;
	background-size : 30px;
}
.tool{
	position: absolute;
    right: 35px;
}
#tempo-config-title {
	position: relative;
}

.moduleNav {
	height: 33px;
	padding-top: 3px;
	padding-left: 30px;
	position: absolute;
	top: 0px;
}

#tempo-buttonbar {
	text-align: center;
	margin-top: 4px;
	height:32px;
}

#tempo-shortcut {
	cursor: pointer;
	width: 35px;
	height: 35px;
	float: right;
	background: url(../imgs/header/shortcut.png) no-repeat 0 0;
}
#tempo-title-setlocale {
	margin-top: 5px;
	background-size: contain;
	width: 18px;
	height: 18px;
	background: url(../imgs/header/locale.png) no-repeat 0 center;
}  


#changePassWin {
	margin-top: 5px;
	width: 18px;
	height: 18px;
	background: url(../imgs/header/newPassword.png) no-repeat center center;
}
#_switchUserDepartment {
	width: 18px;
	height: 18px;
	display:none;
	background: url(../imgs/menu/mydata.png) no-repeat center center;
}

#logout {
	margin-top: 5px;
	width: 18px;
	height: 18px;
	background: url(../imgs/header/tc.png) no-repeat center center;
}

#help_doc {
	margin-top: 5px;
	width: 18px;
	height: 18px;
	background: url(../imgs/header/help.png) no-repeat 0px center;
}
#tempo-login-qrcode {
	margin-top: 5px;
	width: 18px;
	height: 18px;
	cursor:pointer;  
}   

.tempo-sys-passwordChange td {
	font-size: 12px;
}

.tempo-header-version {
	float: left;
	color: #fff;
	font-size: 12px;
	margin-left:15px;
	max-width: 160px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.panel-header1 a, .panel-header1 a:visited {
	color: #ffffff;
	float: left;
	font-size: 14px;
	text-decoration: none;
	margin-left: 15px;
}

.panel-header1 {
	margin-top: 5px;
	margin-right: 5px;
    height: 28px;
    line-height: 28px;
	color: #ffffff;
}


/*选择平台*/
.choise_platform{
	padding:0px 22px;/*add 2015-8-18*/
	overflow:hidden;
	_zoom:1;
}

.choise_platform_item{
	cursor:pointer;
	width:122px;
	height:160px;
	float:left;
   	margin:55px 15px;/*add 2015-8-18*/
   	position:relative;
}

.choise_platform_item_img{
	width:100%;
	height:110px;/*add 2015-8-18*/
	background:url(../imgs/plat/menuPlatbg.png) no-repeat center center;/*add 2015-8-18*/
}
/*citics*/
.choise_platform_citics{
	width:100%;
	height:110px;/*add 2015-8-18*/
	background:url(../imgs/plat/plat01.png) no-repeat center center;/*add 2015-8-18*/
}

/*datav*/
.choise_platform_datav{
	width:100%;
	height:110px;/*add 2015-8-18*/
	background:url(../imgs/plat/plat02.png) no-repeat center center;/*add 2015-8-18*/
}

/*dev*/
.choise_platform_dev{
	width:100%;
	height:110px;/*add 2015-8-18*/
	background:url(../imgs/plat/plat03.png) no-repeat center center;/*add 2015-8-18*/
}

.choise_platform_item_img img{
	width:100%;
	height:100%;
}

.choise_platform_item_title{
	text-align:center;
	line-height:50px;
	height:50px;
	width:100%;
	color:#939393;
	font-weight:bold;
	font-size:14px;
}

.choise_platform_item-hover{
	cursor:pointer;
}
.choise_platform_item-hover .choise_platform_citics{
	background:url(../imgs/plat/platSel01.png) no-repeat center center;
}
.choise_platform_item-hover .choise_platform_datav{
	background:url(../imgs/plat/platSel02.png) no-repeat center center;
}
.choise_platform_item-hover .choise_platform_dev{
	background:url(../imgs/plat/platSel03.png) no-repeat center center;
}
.choise_platform_item-hover .choise_platform_item_ok{
	position:absolute;
	right:-8px;
	top:-6px;
	width:31px;
	height:31px;
	background:url(../imgs/plat/selectIcon.png) no-repeat center center;
}
.choise_platform_item-hover .choise_platform_item_title{
	color:#af0000;
}
.system-location-menu-mydata{
	background:url(../imgs/menu/mydata.png) no-repeat 0 center !important;
}
.system-location-menu-mydesign{
	background:url(../imgs/menu/mydesign.png) no-repeat 0 center !important;
}
.system-location-menu-mypage{
	background:url(../imgs/menu/mypage.png) no-repeat 0 center !important;
}
.system-location-menu-password{
	background:url(../imgs/menu/password.png) no-repeat 0 center !important;
}

.tempo-header-nav{
	color:#ffffff;
	margin-left: 15px;
	height:28px;
	width:150px;
	overflow: hidden;
   /*  white-space: nowrap;
    text-overflow: ellipsis; */
}
.tempo-header-nav div{
	font-size:12px !important;
}
.tempo-header-nav .nav-item{
	width:100%;
	height:29px;
	line-height:29px;
	vertical-align: top !important;
	margin-right:0px important;
}
.tempo-header-nav .nav-item-title{
	width:125px;
	line-height:29px;
	height:29px;
	vertical-align: top !important;
}

.tempo-buttonbar{
	height:32px
}
.tempo-buttonbar .buttonbar-button{
	    height: 29px !important;
	    line-height: 29px !important;
}
.buttonbar-icon{
	top: 6px !important;
}
.app-close{
    right: 30px;
    background-position: -432px -64px;
}
.app-refresh{
	right: 60px;
    background-position: -400px -0px
}
.app-top-right-icon{
	top: 10px;
	position: fixed;
    z-index: 1;
    color: rgb(210, 216, 222);
    font-size: 14px;
    line-height: 16px;
    cursor: pointer;
    display: inline-block;
    width: 16px;
    height: 16px;
}
.app-close:hover{
	  background-image: url(../imgs/header/icon_close.png) !important;
	  width: 20px;
      height: 20px;
      background-position: 0px 0px;
      right:28px
}
.tempo-theme-path{
    top: 0px;
    left: 10px;
    position: fixed;
    z-index: 1;
    color: rgb(210, 216, 222);
    font-size: 14px;
    line-height: 36px;
    max-width: 900px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

@media screen and (max-width: 1440px){
   .tempo-theme-path{
     max-width: 530px;
  }
  .tempo-theme-path>.tempo-navigation .nav-item{
     margin-right: 0px; 
  }
  .tempo-theme-path>.tempo-navigation .nav-item-title{
      max-width: 100px;
  }
}
.tempo-navigation{
	 padding-left: 25px;
}
.tempo-theme-path .tempo-navigation .nav-item{
	    height: 36px;
}
.nav-select{
	top: 36px !important; 
}
.tempo-theme-path-icon{
    background-image: url(../../css/images/icons.png) !important;
    width: 16px;
    height: 16px;
    background-position: -560px -208px;
    display: inline-block;
    float: left;
    margin-top: 13px;
    margin-right: 10px;
	
}
